doctype html
html
  head
    title= 'Haystack'
    link(rel='stylesheet', href=bundleAppCssPath)
    // prefetch fonts
    link(rel='preload', as='font', href='/fonts/titillium-web-v5-latin-300.woff2')
    link(rel='preload', as='font', href='/fonts/titillium-web-v5-latin-regular.woff2')
    link(rel='preload', as='font', href='/fonts/titillium-web-v5-latin-600.woff2')
    link(rel='preload', as='font', href='/fonts/titillium-web-v5-latin-700.woff2')
    link(rel='preload', as='font', href='/fonts/themify.woff')

  body
    #root
    script.
        var haystackUiConfig = {
            subsystems: !{JSON.stringify(subsystems || [])},
            gaTrackingID: !{JSON.stringify(gaTrackingID || '')},
            enableTrends: !{JSON.stringify(enableTrends || false)},
            enableServicePerformance: !{JSON.stringify(enableServicePerformance || false)},
            enableServiceLevelTrends: !{JSON.stringify(enableServiceLevelTrends || false)},
            services: !{JSON.stringify(services || null)},
            enableSSO: !{JSON.stringify(enableSSO || false)},
            ssoAdfsDomain: !{JSON.stringify(ssoAdfsDomain || '')},
            refreshInterval: !{JSON.stringify(refreshInterval || 60000)},
            enableAlertSubscriptions: !{JSON.stringify(enableAlertSubscriptions || false)},
            tracesTimePresetOptions: !{JSON.stringify(tracesTimePresetOptions || [{shortName: '5m', value: 5 * 60 * 1000}, {shortName: '15m', value: 15 * 60 * 1000}, {shortName: '1h', value: 60 * 60 * 1000}, {shortName: '4h', value: 4 * 60 * 60 * 1000}, {shortName: '12h', value: 12 * 60 * 60 * 1000}, {shortName: '24h', value: 24 * 60 * 60 * 1000}, {shortName: '3d', value: 3 * 24 * 60 * 60 * 1000}])},
            timeWindowPresetOptions: !{JSON.stringify(timeWindowPresetOptions || [{shortName: '5m', longName: '5 minutes', value: 5 * 60 * 1000}, {shortName: '15m', longName: '15 minutes', value: 15 * 60 * 1000}, {shortName: '1h', longName: '1 hour', value: 60 * 60 * 1000}, {shortName: '6h', longName: '6 hours', value: 6 * 60 * 60 * 1000}, {shortName: '12h', longName: '12 hours', value: 12 * 60 * 60 * 1000}, {shortName: '24h', longName: '24 hours', value: 24 * 60 * 60 * 1000}, {shortName: '3d', longName: '3 days', value: 3 * 24 * 60 * 60 * 1000}, {shortName: '7d', longName: '7 days', value: 7 * 24 * 60 * 60 * 1000}, {shortName: '30d', longName: '30 days', value: 30 * 24 * 60 * 60 * 1000}])},
            tracesTTL: !{JSON.stringify(tracesTTL || -1)},
            trendsTTL: !{JSON.stringify(trendsTTL || -1)},
            relatedTracesOptions: !{JSON.stringify(relatedTracesOptions || [])},
            tagValuesTransformMap: !{JSON.stringify(tagValuesTransformMap || {})}
        }
    script(async, defer, src = bundleCommonsJsPath)
    script(async, defer, src = bundleAppJsPath)
